
<<<<<<< HEAD

var XG;   //用户点击修改值的id
=======
let pageSize = 5; //每一页显示的条数
let currentPage = 1; //当前页
let totalPage; //总页数
let XG;   //用户点击修改值的id
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
//调用函数
showUserInfor(faHuoXinXiArr);   //渲染数据
AddUserInfor();   //提交数据
addFaHuoXinXi();   //添加数据按钮事件
fanHuiBut();   //添加数据界面的返回按钮
resetBUT();    //添加数据界面的重置按钮
chickBox();    //全选事件
chickBoxOne();  //单选事件
changeEveryoneBut();  //点击每个修改按钮事件
xiuGaiBackBut();    //修改数据界面的返回按钮
XGresetBUT();   //修改数据界面的重置按钮
changeInforBut();   //确认修改信息按钮事件
deleteMuch();   //批量删除
pageButton(faHuoXinXiArr);   //刷新分页
<<<<<<< HEAD
// pageBut();    //点击分页按钮
=======
pageBut();    //点击分页按钮
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
souSuo();  //调用搜索框
shuaXinButton();  //搜索框刷新
pagenumerevent("#pagDow");  //下一页
pagenumerevent("#pagUp");  //上一页
//渲染数据
<<<<<<< HEAD
function showUserInfor(faHuoXinXiArr,pageSize,currentPage){
$("#userInfor").html("");
let start = (currentPage-1)*pageSize;  //开始页
let end = currentPage*pageSize;   //结束页
for(var i=start;i<end && i<faHuoXinXiArr.length;i++){
  $("#userInfor").append(`
  <tr>
      <td><input class="oneChick" type="checkbox"></td>
      <td>${faHuoXinXiArr[i].id}</td>
      <td>${faHuoXinXiArr[i].发货人}</td>
      <td>${faHuoXinXiArr[i].联系方式}</td>
      <td>${faHuoXinXiArr[i].发货地址}</td>
      <td>${faHuoXinXiArr[i].收货地址}</td>
      <td>
          <button type="button" class="layui-btn layui-btn-sm XGbut" data-xiugai = "${faHuoXinXiArr[i].id}"><i class="layui-icon"></i></button>
          <button id="cc" type="button" class="layui-btn layui-btn-normal layui-btn-sm cc"  data-del="${faHuoXinXiArr[i].id}"
=======
function showUserInfor(XRYM){
$("#userInfor").html("");
let start = (currentPage-1)*pageSize;  //开始页
let end = currentPage*pageSize;   //结束页
for(var i=start;i<end && i<XRYM.length;i++){
  $("#userInfor").append(`
  <tr>
      <td><input class="oneChick" type="checkbox"></td>
      <td>${XRYM[i].id}</td>
      <td>${XRYM[i].发货人}</td>
      <td>${XRYM[i].联系方式}</td>
      <td>${XRYM[i].发货地址}</td>
      <td>${XRYM[i].收货地址}</td>
      <td>
          <button type="button" class="layui-btn layui-btn-sm XGbut" data-xiugai = "${XRYM[i].id}"><i class="layui-icon"></i></button>
          <button id="cc" type="button" class="layui-btn layui-btn-normal layui-btn-sm cc"  data-del="${XRYM[i].id}"
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
          style="background-color: red;"><i class="layui-icon"></i></button>
      </td>
</tr>
  `)
}
}
//添加数据 按钮添加事件
function addFaHuoXinXi(){
$("#addbtn").click(function(){
  console.log("天哪");
  $("#show").hide();
  $("#tanchukuang").show();
  // $("#xiugaikuang").hide();
})
}
//添加数据界面的返回按钮
function fanHuiBut(){
$("#backBut").click(function(){
  $("#show").show();
  $("#tanchukuang").hide();
})  
}
//添加数据界面 提交按钮 事件
function AddUserInfor(){
$("#tijiao").click(function(){
<<<<<<< HEAD
  let pageSize = 5; //每页显示条数
  let TotalPage = Math.ceil(faHuoXinXiArr.length / pageSize);
  for(let i=0;i<TotalPage;i++){
      let Addstorea=$(".butPage").eq(i).attr("class");
      let Addas=Addstorea.split(" ");
      if(Addas[1]=="cyan") {
         var pagesname= $(".butPage").eq(i).html();
      }
  //    console.log(Addas); 
  }
=======
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
var id = $("#iD").val();    //id内容
var faHuoRen = $("#fahuoren").val();   //发货人的文本内容
var lianXiFanShi = $("#lianxifangshi").val();  //联系方式的文本内容
var faHuoDiZhi = $("#fahuodizhi").val();   //发货地址文本内容
var shouHuoDiZhi = $("#shouhuodizi").val();    //收货地址文本内容
var newShuZu = {id:id,发货人:faHuoRen,联系方式:lianXiFanShi,发货地址:faHuoDiZhi,收货地址:shouHuoDiZhi};
  faHuoXinXiArr.push(newShuZu);
  $("#tanchukuang").hide();
  $("#show").show();
  pageButton(faHuoXinXiArr);   //刷新分页
<<<<<<< HEAD
  showUserInfor(faHuoXinXiArr,pageSize,pagesname);  
  resetThing();   //清空数据框的数据
  // console.log(faHuoXinXiArr.length);
=======
  showUserInfor(faHuoXinXiArr); 
  resetThing();   //清空数据框的数据
  console.log(faHuoXinXiArr.length);
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
})
}
//添加数据界面 重置事件
function resetThing(){
$("#iD").val("");    //id内容
$("#fahuoren").val("");   //发货人的文本内容
$("#lianxifangshi").val('');  //联系方式的文本内容
$("#fahuodizhi").val('');   //发货地址文本内容
$("#shouhuodizi").val('');    //收货地址文本内容
}
//添加数据界面 重置按钮点击事件
function resetBUT(){
$("#chongzhi").click(function(){
console.log("ow");
resetThing();
<<<<<<< HEAD

=======
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
})
}
//每组数据中的修改信息按钮事件
function changeEveryoneBut(){
$("#userInfor").on('click','.XGbut',function(){   //点击每组数据中的修改按钮点击事件
  XG = $(this)[0].dataset.xiugai;    //给全局变量中的XG赋值
  
/*   let FHXX = $("#xgfahuoren").val();   //发货人的文本内容
  let LXFS = $("#xglianxifangshi").val();  //联系方式的文本内容
  let FHDZ = $("#xgfahuodizhi").val();   //发货地址文本内容
  let SHDZ = $("#xgshouhuodizi").val();    //收货地址文本内容
 */
  for(var i=0;i<faHuoXinXiArr.length;i++){
    if(faHuoXinXiArr[i].id == XG){
       $("#xgfahuoren").val(`${faHuoXinXiArr[i].发货人}`);
       $("#xglianxifangshi").val(`${faHuoXinXiArr[i].联系方式}`);
       $("#xgfahuodizhi").val(`${faHuoXinXiArr[i].发货地址}`);
       $("#xgshouhuodizi").val(`${faHuoXinXiArr[i].收货地址}`)
      }
  }
  $("#show").hide();   //主界面隐藏
  $("#xiugaikuang").show();   //修改界面出现
})
}
//修改信息界面的 返回列表 按钮事件
function xiuGaiBackBut(){
$("#xgbackBut").click(function(){
  $("#show").show();   //主界面隐藏
  $("#xiugaikuang").hide();   //修改界面出现
})
}
//修改信息界面的 确认修改信息按钮事件
function changeInforBut(){
$("#xiugai").click(function(){
<<<<<<< HEAD
  let pageSize = 5; //每页显示条数
  let TotalPage = Math.ceil(faHuoXinXiArr.length / pageSize);
  for(let i=0;i<TotalPage;i++){
      let Addstorea=$(".butPage").eq(i).attr("class");
      let Addas=Addstorea.split(" ");
      if(Addas[1]=="cyan") {
         var pagesname= $(".butPage").eq(i).html();
      }
  //    console.log(Addas); 
  }
=======
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
// let id = $("#xgiD").val();    //id内容
let faHuoRen = $("#xgfahuoren").val();   //发货人的文本内容
let lianXiFanShi = $("#xglianxifangshi").val();  //联系方式的文本内容
let faHuoDiZhi = $("#xgfahuodizhi").val();   //发货地址文本内容
let shouHuoDiZhi = $("#xgshouhuodizi").val();    //收货地址文本内容
for(var i=0;i<faHuoXinXiArr.length;i++){
       if(faHuoXinXiArr[i].id == XG){
           faHuoXinXiArr[i].id = faHuoXinXiArr[i].id;  //将当前数组中的id改为输入框中的id                    
           faHuoXinXiArr[i].发货人 = faHuoRen;   //将当前数组中的发货人改为输入框中的发货人
           faHuoXinXiArr[i].联系方式 = lianXiFanShi;   
           faHuoXinXiArr[i].发货地址 = faHuoDiZhi;
           faHuoXinXiArr[i].收货地址 = shouHuoDiZhi
  }
}
 $("#show").show();   //主界面隐藏
  $("#xiugaikuang").hide();   //修改界面出现
<<<<<<< HEAD
  // pageBut()
  showUserInfor(faHuoXinXiArr,pageSize,pagesname);    //刷新页面
=======
  showUserInfor(faHuoXinXiArr);    //刷新页面
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
  XGreset();   //文本框清空
})
}
//修改界面 数据重置
function XGreset(){
$("#xgiD").val("");    //id内容
$("#xgfahuoren").val("");   //发货人的文本内容
$("#xglianxifangshi").val("");  //联系方式的文本内容
$("#xgfahuodizhi").val("");   //发货地址文本内容
$("#xgshouhuodizi").val("");    //收货地址文本内容
}
//修改信息界面的 确认修改信息按钮事件
function XGresetBUT(){
$("#xgchongzhi").click(function(){
XGreset();
})
}
//全选框
function chickBox(){
$("#allChick").click(function(){
 var Allck = $("#allChick").prop("checked");  //全选框的状态
 $(".oneChick").prop("checked",Allck);
})
}
//单选
function chickBoxOne(){
$('#userInfor').on('click','.oneChick',function(){
  for(var i=0;i<faHuoXinXiArr.length;i++){
      if((".oneChick:not(:checked)").length==0){
          $("#allChick").prop("checked",true);
      }else{
          $("#allChick").prop("checked",false);
      }
  }
})
}
//搜索框
function souSuo(){
$("#findInput").change(function(){
<<<<<<< HEAD
  let pageSize = 5; //每页显示条数
  let TotalPage = Math.ceil(faHuoXinXiArr.length / pageSize);
  for(let i=0;i<TotalPage;i++){
      let Addstorea=$(".butPage").eq(i).attr("class");
      let Addas=Addstorea.split(" ");
      if(Addas[1]=="cyan") {
         var pagesname= $(".butPage").eq(i).html();
      }
  //    console.log(Addas); 
  }
=======
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
var shuruVal = $("#findInput").val();
var nowshuruVal = faHuoXinXiArr.filter(function(num){
    return num.发货地址 == shuruVal;   //找到数据中等于输入框的值的数据值
})
  pageButton(nowshuruVal);   //页面创建  
<<<<<<< HEAD
  showUserInfor(nowshuruVal,pageSize,pagesname);   //重新刷新页面
=======
  showUserInfor(nowshuruVal);   //重新刷新页面
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
})
}
//搜索框刷新
function shuaXinButton(){
  $("#shuaxin").click(function(){
      console.log(111);
      $("#findInput").val("");    //输入框的值为0
      pageButton(faHuoXinXiArr);   //刷新分页
<<<<<<< HEAD
      pageBut()
=======
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
      showUserInfor(faHuoXinXiArr);  //重新渲染页面
  })
}
//根据当前点击的删除按钮，删除当前事件
function delThisone(Del){
for(var i=0;i<faHuoXinXiArr.length;i++){
  if(faHuoXinXiArr[i].id == Del){
      faHuoXinXiArr.splice(i,1);
      break;
  }
}
}
//点击删除的弹出框的点击事件
<<<<<<< HEAD
$("#userInfor").on("click",".cc",function () { 
    // 给删除按钮绑定事件即可  用事件委派，这儿是只给一个删除绑定了
    let pageSize = 5; //每页显示条数
    let TotalPage = Math.ceil(faHuoXinXiArr.length / pageSize);
    for(let i=0;i<TotalPage;i++){
        let Addstorea=$(".butPage").eq(i).attr("class");
        let Addas=Addstorea.split(" ");
        if(Addas[1]=="cyan") {
           var pagesname= $(".butPage").eq(i).html();
        }
    //    console.log(Addas); 
    }
=======
$("#userInfor").on("click",".cc",function () {   // 给删除按钮绑定事件即可  用事件委派，这儿是只给一个删除绑定了
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
let Del = $(this)[0].dataset.del;
console.log(Del);
layer.confirm('确认删除？', {
btn: ['确认', '取消'] //按钮
}, function () {
delThisone(Del);  //数据删除
pageButton(faHuoXinXiArr);   //刷新分页
<<<<<<< HEAD
// pageBut()
showUserInfor(faHuoXinXiArr,pageSize,pagesname);   //刷新数据
=======
showUserInfor(faHuoXinXiArr);   //刷新数据
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
layer.msg('已删除', { icon: 1, time: 500 });
});
})
//给批量删除按钮添加点击删除事件
function deleteMuch(){
  $("#delMuch").click(function(){
<<<<<<< HEAD
    let pageSize = 5; //每页显示条数
                let TotalPage = Math.ceil(faHuoXinXiArr.length / pageSize);
                for(let i=0;i<TotalPage;i++){
                    let Addstorea=$(".butPage").eq(i).attr("class");
                    let Addas=Addstorea.split(" ");
                    if(Addas[1]=="cyan") {
                       var pagesname= $(".butPage").eq(i).html();
                    }
                //    console.log(Addas); 
                }
=======
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
      let delButAll = [];  //创建新数组
      let count = 0 ;   //数量为0
      for(var i = 0;i <faHuoXinXiArr.length;i++){
          if (!$(".oneChick").eq(i).prop("checked")) {   //获取每个单选框的状态
              delButAll.push(faHuoXinXiArr[i]);
          }else{
              count++;
          }
      }
      if(count > 0){
          faHuoXinXiArr = delButAll;  //将没有选中的数组保留给之前数组
          $("#allChick").prop("checked",false);      ////全选按钮设为未选中
<<<<<<< HEAD
          pageButton(faHuoXinXiArr);   //刷新分页、
         
          showUserInfor(faHuoXinXiArr,pageSize,pagesname);  //重新渲染页面
=======
          pageButton(faHuoXinXiArr);   //刷新分页
          showUserInfor(faHuoXinXiArr);  //重新渲染页面
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
      }
  })
}

//创建页数
<<<<<<< HEAD
function pageButton(faHuoXinXiArr){
  let pageSize = 5; //每一页显示的条数
let currentPage = 1; //当前页
let totalPage = Math.ceil(faHuoXinXiArr.length/pageSize);    //计算出总页数
=======
function pageButton(ARR){
totalPage = Math.ceil(ARR.length/pageSize);    //计算出总页数
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
currentPage = currentPage > totalPage? totalPage : currentPage;   //当前页是否大于总页数
$("#test1").html("");   //先将页码清空
for(var i=1;i<=totalPage;i++){
 $("#test1").append(`
      <button class="butPage">${i}</button>
`)
<<<<<<< HEAD

$('.butPage').eq(0).addClass("cyan").siblings().removeClass("cyan");
  //渲染数据
showUserInfor(faHuoXinXiArr,pageSize,currentPage);
}
pageBut()
=======
}
$('.butPage').eq(0).addClass("cyan").siblings().removeClass("cyan");
}
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
//页数添加点击事件
function pageBut(){
$("#piLiangAndFenYe").on('click','.butPage',function(){
currentPage =parseInt($(this).text());    //
$(this).addClass("cyan").siblings().removeClass("cyan");
// pageButton(faHuoXinXiArr);   //刷新分页
<<<<<<< HEAD
showUserInfor(faHuoXinXiArr,pageSize,currentPage);   //渲染数据
})
}}
 //上一页和下一页按钮
 function pagenumerevent(pagenuber) {
  $(pagenuber).click(function() {
    let pageSize = 5; //每页显示条数
    let TotalPage = Math.ceil(faHuoXinXiArr.length / pageSize);
    for(let i=0;i<TotalPage;i++){
        let Addstorea=$(".butPage").eq(i).attr("class");
        let Addas=Addstorea.split(" ");
        if(Addas[1]=="cyan") {
           var currentPage= $(".butPage").eq(i).html();
        }
    //    console.log(Addas); 
    }
      if (pagenuber == '#pagDow') {
          currentPage--;   //当前页--
          for (let i = 0; i < TotalPage; i++) {
=======
showUserInfor(faHuoXinXiArr);   //渲染数据
})
}
 //上一页和下一页按钮
 function pagenumerevent(pagenuber) {
  $(pagenuber).click(function() {
      if (pagenuber == '#pagDow') {
          currentPage--;   //当前页--
          for (let i = 0; i < totalPage; i++) {
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
              let buttoncontent = parseInt($('.butPage').eq(i).text());
              if (buttoncontent == currentPage) {
                  $('.butPage').eq(i).addClass("cyan").siblings().removeClass("cyan");
              }
          }
      } else if (pagenuber == '#pagUp') {
          currentPage++;
<<<<<<< HEAD
          for (let i = 0; i < TotalPage; i++) {
=======
          for (let i = 0; i < totalPage; i++) {
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
              let buttoncontent = parseInt($('.butPage').eq(i).text());
              if (buttoncontent == currentPage) {
                  $('.butPage').eq(i).addClass("cyan").siblings().removeClass("cyan");
              }
          }
      }
      if (currentPage <= 0) {
          currentPage = 1;
<<<<<<< HEAD
          $('.butPage').eq(0).addClass("cyan").siblings().removeClass("cyan");
      } else if (currentPage >= TotalPage) {
          currentPage = TotalPage;
      }
      showUserInfor(faHuoXinXiArr,pageSize,currentPage);   //渲染数据  
=======
          $('.currpage').eq(0).addClass("cyan").siblings().removeClass("cyan");
      } else if (currentPage >= totalPage) {
          currentPage = totalPage;
      }
      showUserInfor(faHuoXinXiArr);   //渲染数据  
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
  })
}
//生成分页的事件，每页10条
/* layui.use('laypage', function () {
var laypage = layui.laypage;
//执行一个laypage实例
matePage();    //创建页数
pageButton();  //页数点击事件
deleteMuch();   //批量删除
laypage.render({
elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号
, count: faHuoXinXiArr.length //数据总数，从服务端得到，可直接使用数组长度

});
}); */
